<template>
  <div id="app"> 
    <the-header/>   
    <router-view class="music-content"/> 
    <song-audio/>
    <the-aside/> 
    <play-bar/>
    <scroll-top/> 
    <the-footer/>
  </div>
</template>

<script>
import TheHeader from '../src/components/TheHeader.vue'
import TheFooter from '../src/components/TheFooter.vue'
import ScrollTop from '../src/components/ScrollTop.vue'
import SongAudio from './components/SongAudio';
import TheAside from './components/TheAside';
import PlayBar from './components/PlayBar';
export default {
  name: 'App',
  components: {
    TheHeader,
    ScrollTop,
    TheFooter,
    SongAudio,
    TheAside,
    PlayBar
  }
}
</script>
<style  lang="scss" scoped>
@import './assets/css/app.scss';
</style>
